$primary: #735ba0;
$secondary: #E4A79D;

@for $i from 0 through 35 {
    .mt#{$i} {
        margin-top: #{$i}px !important;
    }

    .mr#{$i} {
        margin-right: #{$i}px !important;
    }

    .mb#{$i} {
        margin-bottom: #{$i}px !important;
    }

    .ml#{$i} {
        margin-left: #{$i}px !important;
    }

    .pt#{$i} {
        padding-top: #{$i}px !important;
    }

    .pr#{$i} {
        padding-right: #{$i}px !important;
    }

    .pb#{$i} {
        padding-bottom: #{$i}px !important;
    }

    .pl#{$i} {
        padding-left: #{$i}px !important;
    }
}

a {
    color: #666;
    text-decoration: none;
    &:hover {
      color: $primary;
      font-weight: bold;
      text-decoration: none;
    }
  }


ul,
li {
  list-style: none;
}